//colors
// $white: #fff;
// $color_gallery_approx: #ededed;
// $color_venice_blue_approx: #115d85;
// $color_pink_swan_approx: #bababa;
// $color_bright_red_approx: #ab0000;
// $color_chathams_blue_approx: #19447d;
// $color_gray_nurse_approx: #eaeaea;
// $color_mountain_mist_approx: #999999;
// $color_black_haze_approx: #f6f6f6;
// $color_chicago_approx: #565656;
// $color_quill_gray_approx: #d3d3d3;
// $black: #000000;
// $color_cerulean_approx: #00ace5;

.fc {
	display: block;
	float: left;
	width: 100%;
	background: $white;
	padding: 20px;
	//Instead of the line below you could use @include box-sizing($bs)
	box-sizing: border-box;
	* {
		font-size: 0.92857rem;
	}
	.fc-button {
		height: 30px;
		line-height: 30px;
		opacity: 1;
		border: 0;
		//Instead of the line below you could use @include border-radius($radius, $vertical-radius)
		border-radius: 0 !important;
		background: $color_gallery_approx;
		//Instead of the line below you could use @include box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)
		box-shadow: none;
		color: $color_venice_blue_approx;
		padding: 0 12px;
		//Instead of the line below you could use @include transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10)
		transition: background 300ms;
	}
	.fc-state-disabled {
		pointer-events: none;
		color: $color_pink_swan_approx;
	}
}
.fc-left {
	h2 {
		font-size: 1.2rem;
		line-height: 30px;
		width: auto;
	}
	> div:first-child > * {
		display: inline-block;
	}
}
.filterButtonBlock {
	clear: both;
	margin-left: 0 !important;
	margin-top: 10px;
}
.filterConditionBlock {
	margin-top: 10px;
	text-align: left;
	.sechead {
		display: block;
		float: left;
		width: 100%;
		padding-bottom: 10px;
		position: relative;
		cursor: pointer;
		background: none;
		&.disclosure-close::after {
			margin-top: 3px;
			//Instead of the line below you could use @include transform($scale, $rotate, $transx, $transy, $skewx, $skewy, $originx, $originy)
			transform: rotate(45deg);
		}
		h3 {
			margin-bottom: 0;
		}
	}
	.sechead::after {
		content: '';
		display: block;
		height: 10px;
		width: 10px;
		position: absolute;
		right: 4px;
		margin-top: 6px;
		//Instead of the line below you could use @include transform($scale, $rotate, $transx, $transy, $skewx, $skewy, $originx, $originy)
		transform: rotate(-135deg);
		border-right: 1px solid $color_venice_blue_approx;
		border-bottom: 1px solid $color_venice_blue_approx;
		//Instead of the line below you could use @include transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10)
		transition: transform 300ms;
	}
}
#filterConditionMassage {
	margin-bottom: 10px;
}
.fc-sun {
	color: $color_bright_red_approx;
}
.fc-sat {
	color: $color_chathams_blue_approx;
}
.fc-other-month {
	background: $color_gray_nurse_approx;
	color: $color_mountain_mist_approx;
}
.fc-day-top {
	padding: 5px 5px 0 5px !important;
}
.addList {
	position: relative;
	a {
		padding: 6px 10px;
		display: block;
		color: $color_chicago_approx;
	}
	ul {
		display: none;
	}
	&.open ul {
		border: 1px solid $color_mountain_mist_approx;
		position: absolute;
		right: -1px;
		z-index: 99;
		display: block;
		//Instead of the line below you could use @include box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)
		box-shadow: 2px 2px 8px $color_quill_gray_approx;
		min-width: 142px;
		background: $white;
		text-align: left;
		&.day {
			display: inline;
			top: inherit;
			right: inherit;
		}
	}
}
.fc-event {
	background: $color_quill_gray_approx;
	color: $black !important;
	&:hover {
		color: $color_cerulean_approx !important;
		text-decoration: underline !important;
		cursor: pointer;
	}
	&.fc-time-grid-event {
		border: 1px solid $color_quill_gray_approx !important;
	}
	.fc-time {
		display: none;
	}
}
.fc-divider {
	display: block;
}
.calendarConditonTitle {
	font-size: 1.5rem;
	+ .tab-wrap {
		.box-search-01 {
			margin-bottom: 10px;
		}
		.tabList-search-01.contract {
			margin-bottom: 10px;
		}
	}
}
.tbl-search-01 {
	.display-none {
		display: none;
	}
	.display-inline {
		display: inline;
	}
}
.excludeCondition {
	float: left;
	width: 100%;
	display: block;
	font-size: 1rem;
}
.fc-button:not(:first-child) {
	margin-left: 10px;
}
.fc-widget-header .fc-day-header {
	background: $color_black_haze_approx;
	padding: 10px 0;
}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
	float: none !important;
}
.fc-day-number .add {
	float: right;
	position: relative;
	top: 3px;
	right: 5px;
}
.fc-day-header .add img {
	padding-left: 10px;
	vertical-align: middle;
}
.fc-agendaDay-view .fc-day-header .addList.open {
	margin: 0 auto;
}
.fc-agendaWeek-view .fc-slats tr {
	height: 200px;
}
.calendar-filter .filter-input-field { 
	.inpbr {
		width: 100%;
	}
	//IE11で条件値のcheckboxとradioが下にズレるため対応
	> span {
		display: table-cell;
	}
}
.data-deep-search .calendar-filter th.col3 {
	width: 20%;
}
.calendar-day:hover {
	color: $color_cerulean_approx;
	text-decoration: underline;
	cursor: pointer;
}
